.primary {
  color: #fff;
  background-color: @primary-color;
  border-color: @primary-color;

  &:hover {
    color: #fff;
    background-color: @primary-color;
    border-color: @primary-color;
  }
}
.default {
  &:hover {
  }
}
.info {
  color: #009ef7;
  background-color: #f1faff;
  border-color: #f1faff;
  &:hover {
    color: #fff;
    background-color: #009ef7;
    border-color: #009ef7;
  }
}
.success {
  color: #50cd89;
  background-color: #e8fff3;
  border-color: #e8fff3;

  &:hover {
    color: #fff;
    background-color: #50cd89;
    border-color: #50cd89;
  }
}
.warn {
  color: #faad14;
  background-color: #fffbe6;
  border-color: #fffbe6;

  &:hover {
    color: #fff;
    background-color: #faad14;
    border-color: #faad14;
  }
}

.error {
  color: #f2416c;
  background-color: #ffeef2;
  border-color: #ffeef2;

  &:hover {
    color: #fff;
    background-color: #f2416c;
    border-color: #f2416c;
  }
}
